import router from '@/router/index.js'
import store from '@/store/index.js'
import axios from 'axios'
import { Message } from 'element-ui'

const request = axios.create({
  // baseURL: 'http://ihrm-java.itheima.net/api'
  // 拦截的地址,相对于当前服务器的地址
  baseURL: '/api'
})
// 对请求做拦截,统一传token
// 通过代码片段,airu
request.interceptors.request.use(config => {
  if (store.state.user.token) {
    config.headers.Authorization = 'Bearer ' + store.state.user.token
  }
  return config
}, error => {
  return Promise.reject(error)
})

// 对返回的数据做拦截,每一次返回回来的数据我们都要做处理
// 错误处理方式2-在axios当中响应拦截器里面做操作
// 拦截器写法1-axios官方
// 拦截器写法2-通过代码片段,安装Axios Snippets(推荐)
// 通过airu
// **注意**选择response,然后数据做统一处理,不想要选request,它时对请求
//      我们要对request对象做处理,而不是axios做
request.interceptors.response.use(response => {
  // 成功的处理(状态码为2xxx)
  // Do something before response is sent
  const { data: { success, data, message }} = response
  // 判断请求是否成功
  if (success) {
    return data
  } else {
    Message.error(message)
    // 在响应拦截器当中,通过throw产生一个错误,通过冒泡错误,阻止页面跳转
    throw new Error(message)
  }
}, error => {
  // 如果报错401,token失效的问题,做退出操作跳转到登录页面
  if (error.response && error.response.status === 401) {
    // 退出
    store.dispatch('user/logout')
    // 跳转登录页面
    return router.push('/login')
  }
  // 失败的处理(状态码为4xx/5xx)
  Message.error('服务器异常,请稍后重试')
  return Promise.reject(error)
})

export default request
